<?php defined('MYLITS') ? '' : exit('No direct script access allowed'); ?>
<div class="sections">
    <section id="dev-component">
        <h1>Component</h1>
        <p>
            <span style="font-size: 25px">What</span> is the component ? <br/>
            Component is sub system of your application. Will be easy to understand if you imagine mylits engine is like building and component like rooms. Example if you in hospital, hospital have much rooms with their own functionality. Example ICU, consulting room, operating room, etc. The differences is in mylits engine you can put components object in wherever you like. You can render it as widget, main content, or just embed in your content.
        </p>
        <p>
            Okay please see explanation bellow, it will make a sharper understanding.
        </p>
        <div class="row">
            <div class="col-md-6">
                <div id='component-ilustrator'>
                    <div style="left: 5px; width: 75%; bottom: 5px; top: 5px" class="ci-component">
                        Hi.. I'm is <span class="ci-cname">finance component</span>,
                        I'll manage your finance record
                    </div>
                    <div style="right: 5px; width: 20%; top: 5px" class="ci-component">
                        Hi.. I'm is <span class="ci-cname">facebook status component</span>,
                        I'll grab your facebook status and display it here
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>